<template>
  <div class="header">
      <div>
        品位商城
      </div>
      <div>
        <van-search
          shape="round"
          background="#d19e29"
          placeholder="请输入搜索关键词"
        />
      </div>
      <div>
        <p>消息中心</p>
      </div>
  </div>
</template>

<script>
export default {
  name:'myheader'
}

</script>

<style>
.header{
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #d19e29;
  color: #fff;
}
  .van-search{
    width: 200px;
  }
</style>